html {
    font-family:Arial, Helvetica, sans-serif;;
    background-color: #FFF;
    font-size: 14px;
}
body {
    margin: 0;
}
a{text-decoration: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden], template {
    display: none;
}
a {
    background-color: transparent;
}
a:active, a:hover {
    outline: 0 none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b, strong {
    font-weight: 700;
}
dfn {
    font-style: italic;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
mark {
    background: none repeat scroll 0 0 #ff0;
    color: #000;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0 none;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
}
pre {
    overflow: auto;
}
code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
button[disabled], html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}
input {
    line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"] {
    box-sizing: content-box;
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    border: 0 none;
    padding: 0;
}
textarea {
    overflow: auto;
}
optgroup {
    font-weight: 700;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td, th {
    padding: 0;
}

h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dd,dt{margin: 0; padding: 0;}
ul,li,ol{list-style: none;}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*layout*/
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}
.row {
    margin-left: -10px;
    margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 ,.col-xs-five,.col-xs-eight{
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-11 {
    width: 91.6667%;
}
.col-xs-10 {
    width: 83.3333%;
}
.col-xs-9 {
    width: 75%;
}
.col-xs-8 {
    width: 66.6667%;
}
.col-xs-7 {
    width: 58.3333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-5 {
    width: 41.6667%;
}
.col-xs-4 {
    width: 33.3333%;
}
.col-xs-3 {
    width: 25%;
}
.col-xs-2 {
    width: 16.6667%;
}
.col-xs-1 {
    width: 8.33333%;
}
.col-xs-five{
    width: 20%;
}
.col-xs-eight{
    width: 80%;
}

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}
.hidden-xs-block, .hidden-sm-block, .hidden-md-block, .hidden-lg-block {
    display: block !important;
}
.hidden-xs-inline, .hidden-sm-inline, .hidden-md-inline, .hidden-lg-inline
{
    display: inline !important;
}
.hidden-xs-inline-block, .hidden-sm-inline-block, .hidden-md-inline-block, .hidden-lg-inline-block
{
    display:  inline-block !important;
}


.weather_content{
    position: absolute;
    width: 100%;;
    height: 100%;

}
.weather_box{color: #999999;width: 50%; height: 33.3333333333333333333%;float: left; border: 1px solid #ccc; border-width: 0 1px 1px 0; text-align: center;display: table;}
.weather_box:nth-child(5),.weather_box:nth-child(6){border-bottom: none;}
.middle{ display: table-cell; vertical-align: middle;}
.weather_box img{width: 37.5%; display: block; margin: 0 auto;}
.weather_box span{padding-top: 10px; display: block; text-align: center;height: 60px; line-height: 1.6;}
.weather_box span>b{font-size: 16px; color: #333333; font-weight: 100;}

.weather_top{width: 100%;height:65%; background-color: #FFA100;}
.weather_bottom{width: 100%; height: 35%; background-color: #FFB433;}
.weather_bottom{font-size: 12px; color: #FFF; text-align: center;}
.weather_bottom img{width: 50%;}
.home-box{display: table;height: 100%;}
.weather_bottom .col-xs-4{height:60%; margin-top: 15%;}
.weather_bottom .col-xs-4{border-right: 1px solid #FFCA70; line-height: 1.8; }
.weather_bottom .col-xs-4:last-child{border-right: none;}
.weather_top{color: #FFF;}
.weather_up{background: url("../images/up.png") no-repeat ; padding-left: 15px;  background-size:15px; margin-right: 20px; font-family: creationnum;background-position:-2px 27px;}
.weather_down{background: url("../images/down.png") no-repeat; padding-left: 15px; background-size:15px ; font-family: creationnum;background-position:-2px 27px;}
.city{
    font-size: 20px;
    color: #FFF;
    display: block;

    border-bottom: 1px solid #FFBD4C;
    padding: 15px 10px 10px 10px;
}
.city:after
{
    content: "";
    background: url("../images/arrow-right.png") no-repeat;
    background-size:contain;
    width: 15px;
    height: 20px;
    float: right;
}
.weather_top_c{ margin: 0 10px;}
.weather_up,.weather_down{font-size: 20px;}
.weather_du{padding: 10px 0;}
.time{font-size: 12px; font-family: creationnum;}
.weather_num{position: relative;height: 140px; width: 100%;  line-height: 140px;padding-top: 20px;}
.weather_num_big{font-size:45px;font-family: creationnum; float: left; width: auto;}
.weather_num img{position: absolute; right: 20px; bottom: 10px; width: 20%;}
.weather_top_info{padding-left: 20px;}

.nav{height: 40px; padding: 0 40px; font-size: 20px; color: #333333; text-align: center; line-height: 40px; background-color:#FFF; }
.nav-left{width: 40px; height: 40px; margin-left: -40px; float: left; background:url(../images/arrow-left.png) no-repeat center center #63BBFF; }
.nav-right{width: 40px; height: 40px; margin-right: -40px; float: right; background:url(../images/arrow-right.png) no-repeat center center  #63BBFF; }

.body-gray{background-color: #F5F5F5;}

.footer{position: absolute; bottom: 0; width: 100%; height: 54px;border-top:1px solid #CCCCCC;background-color: #FFF; text-align: center; padding-top: 5px;}
.footer .col-xs-3{color: #333333;font-size: 12px;}
.footer .col-xs-3:before{ width: 30px; height: 30px; content: "";  margin:  0 auto; display: block; background-size: contain;}
.footer .nav-rain:before{background:url("../images/logo-s-1.png")  no-repeat; background-size: contain;}
.footer .nav-leida:before{background:url("../images/logo-s-2.png")  no-repeat; background-size: contain;}
.footer .nav-wedu:before{background:url("../images/logo-s-3.png")  no-repeat; background-size: contain;}
.footer .nav-nengjian:before{background:url("../images/logo-s-4.png")  no-repeat; background-size: contain;}

.footer .nav-rain.cur:before{background:url("../images/logo-s-1-on.png")  no-repeat; background-size: contain;}
.footer .nav-leida.cur:before{background:url("../images/logo-s-2-on.png")  no-repeat; background-size: contain;}
.footer .nav-wedu.cur:before{background:url("../images/logo-s-3-on.png")  no-repeat; background-size: contain;}
.footer .nav-nengjian.cur:before{background:url("../images/logo-s-4-on.png")  no-repeat; background-size: contain;}
.bar{padding: 10px; color: #999999;}
.city_link{padding: 15px 5px 15px 10px; border-bottom:1px solid #CBCBCB; margin: 0 15px; color: #333; font-size: 16px;  display: block;}
.city_link:after{content: ""; background:url(../images/arrow-right-green.png) no-repeat center center; width:20px; height: 20px; background-size: contain;float: right; }
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
    margin:0 auto;
    position:relative;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
    backface-visibility:hidden;
    /* Fix of Webkit flickering */
    z-index:1;
}
.swiper-wrapper {
    position:relative;
    width:100%;
    -webkit-transition-property:-webkit-transform, left, top;
    -webkit-transition-duration:0s;
    -webkit-transform:translate3d(0px,0,0);
    -webkit-transition-timing-function:ease;

    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;
    -moz-transform:translate3d(0px,0,0);
    -moz-transition-timing-function:ease;

    -o-transition-property:-o-transform, left, top;
    -o-transition-duration:0s;
    -o-transform:translate3d(0px,0,0);
    -o-transition-timing-function:ease;
    -o-transform:translate(0px,0px);

    -ms-transition-property:-ms-transform, left, top;
    -ms-transition-duration:0s;
    -ms-transform:translate3d(0px,0,0);
    -ms-transition-timing-function:ease;

    transition-property:transform, left, top;
    transition-duration:0s;
    transform:translate3d(0px,0,0);
    transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}
.swiper-slide {
    float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
    /* Specify Swiper's Size: */

    width:100%;
    height: 250px;
    padding-top: 50px;
}
.swiper-slide {
    /* Specify Slides's Size: */

    /*width: 100%;
    height: 100%;*/
}
.swiper-slide-active {
    /* Specific active slide styling: */

}
.swiper-slide-visible {
    /* Specific visible slide styling: */

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
    /* Stylize pagination button: */

}
.swiper-active-switch {
    /* Specific active button style: */

}
.swiper-visible-switch {
    /* Specific visible button style: */

}
.swiper-slide {
    height: 100%;
    opacity: 0.4;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.swiper-slide-visible {
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.pagination {
    position: relative;
    z-index: 20;
    left: 0px;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 8px;
    background: #aaa;
    margin-right: 8px;
    cursor: pointer;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    opacity: 0;
    position: relative;
    top: -50px;
}
.swiper-visible-switch {
    opacity: 1;
    top: 0;
    background: #aaa;
}
.swiper-active-switch {
    background: #63BBFF;
}
.swiper-slide{}

.content{ padding: 0 5px;}
.content img{width: 100%;}

.swiper-wrapper{display: table;}
.swiper-slide {display: table-cell; vertical-align: middle;}

.body-balck{background: rgba(0,0,0,0.8);}

.window-wrapper{width: 100%; height: 100%;display: table;}
.window-slide{width: 100%; height: 100%;display: table-cell; vertical-align: middle; text-align: center; position: relative;}
.window-slide img{max-width: 100%;}
.close{width: 106px; height: 106px; background: url("../images/close.png") no-repeat; background-size: cover;display: block;position: absolute;left: 50%;margin-left: -53px;bottom: 20px;}